<x-filament-panels::page>

    <x-filament-tables::container>
        <div class="flex flex-col">
            <table class="fi-ta-table w-full table-auto divide-y divide-gray-200 text-start">
                <thead  class="bg-gray-50">
                <tr>
                    <th class="fi-ta-header-cell px-3 py-3.5 sm:first-of-type:ps-6 sm:last-of-type:pe-6 fi-table-header-cell-name">
                            <span class="flex justify-start">
                                <span>名称</span>
                            </span>

                    </th>
                    <th class="fi-ta-header-cell px-3 py-3.5 sm:first-of-type:ps-6 sm:last-of-type:pe-6 fi-table-header-cell-name">
                            <span class="flex justify-start">
                                <span>排序</span>
                            </span>
                    </th>
{{--                    <th class="fi-ta-header-cell px-3 py-3.5 sm:first-of-type:ps-6 sm:last-of-type:pe-6 fi-table-header-cell-name">--}}
{{--                           <span class="flex justify-start">--}}
{{--                                <span>时间</span>--}}
{{--                            </span>--}}
{{--                    </th>--}}
                    <th class="fi-ta-header-cell px-3 py-3.5 sm:first-of-type:ps-6 sm:last-of-type:pe-6 fi-table-header-cell-name">
                           <span class="flex justify-end px-3">
                                <span>操作</span>
                            </span>
                    </th>
                </tr>
                </thead>
                <tbody class="divide-y divide-gray-200 whitespace-nowrap">
                @foreach($categories as $category)
                    <x-tree-item :data="$category"></x-tree-item>
                @endforeach
                </tbody>
            </table>

        </div>


    </x-filament-tables::container>

</x-filament-panels::page>

